<template>
  <div class="companyAssess">
    <ul>
      <li v-for="(item, index) in assessData" :key="'assess' + index">
        <span>{{ item.title }}</span>
        <el-rate v-model="item.value"></el-rate>
      </li>
    </ul>
    <div>
      <el-button
        type="primary"
        style="float:right; margin-top:30px"
        @click="saveAccessEnter"
        >保存</el-button
      >
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      assessData: [
        { title: "测评点1", value: 0 },
        { title: "测评点2", value: 0 },
        { title: "测评点3", value: 0 },
        { title: "测评点4", value: 0 },
        { title: "测评点5", value: 0 },
        { title: "测评点6", value: 0 },
        { title: "测评点7", value: 0 },
        { title: "测评点8", value: 0 },
      ],
    };
  },
  methods: {
    saveAccessEnter() {
      const query = this.$router.history.current.query;
      console.log(this.assessData);
      console.log(query);
    },
  },
  created() {
  
  },
};
</script>

<style scoped>
.companyAssess {
  width: 90%;
  margin: 0 auto;
}
.companyAssess li {
  height: 60px;
  display: flex;
}
.companyAssess li > :nth-child(n) {
  flex: 1;
  line-height: 60px;
}
.companyAssess li > :nth-child(1) {
  font-size: 14px;
}
.companyAssess li > :nth-child(2) {
  text-align: right;
}
</style>
